/**
 * Created by mengxiaxia on 2017/4/8.
 */
/**  表达式expression **/
app.component('expression', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="03expression.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});

app.component('directive', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="04directive.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('model', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="05model.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('scope', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="06scope.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('controller', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="07controller.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('filter', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="08filter.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('service', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="09service.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('http', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="10http.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('select1', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="11select.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('table', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="12table.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('htmldom', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="14html-dom.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('event', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="15event.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('directive16', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="16.2directive.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('module16', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="16module.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('formdemo', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="17form.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('validateform', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="18validate-form.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('validateform2', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="18validate-form2.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('api', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="19api.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('bootstrap', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="20Bootstrap.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('include', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="21include.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('animate', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="22animate.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('animate2', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="22animate2.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('dependencyinjection', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="23dependency-injection.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('routing', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="24routing.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});
app.component('routing2', {
    template:  '<div><iframe  onload="iframeOnload(this)" class="iframe" src="{{page}}"></iframe></div><div class="well"><b><xmp>{{html}}</xmp></b></div>',
    controller: function($http,$scope) {
        $scope.page="24routing2.html";
        $http.get($scope.page, { cache: true }).then(function(resp) {
            $scope.html=resp.data;
        });
    }
});